<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="blogfragments :: head(~{::title})">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我</title>
    <link rel="stylesheet" href="../static/css/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="../static/css/manster.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/lunbo/demo.css" />
</head>
<body>

<!--<nav th:replace="blogfragments :: menu(5)" class="ui mynav inverted attached segment m-padded-tb-mini m-shadow-small"></nav>-->
<!-- coidea:header END -->
<!-- 底部 -->


<!--/*/<th:block th:replace="blogfragments :: script">/*/-->
<script src="../static/js/jquery-3.3.1.js"></script>
<script src="../static/js/semantic.min.js"></script>
<script type="text/javascript" color="240,248,255" opacity='0.8' zIndex="-1" count="99" src="../static/js/canvas-nest.js"></script>
<!-- slideshow START -->
<section class="slideshow">

    <!-- slideshow:navigation START -->
    <ul class="navigation">

        <!-- slideshow:navigation:item START -->
        <li class="navigation-item active">
            <span class="rotate-holder"></span>
            <span class="background-holder" style="background-image: url(../static/images/bg.jpg);"></span>
        </li>
        <!-- slideshow:navigation:item END -->

        <!-- slideshow:navigation:item START -->
        <li class="navigation-item">
            <span class="rotate-holder"></span>
            <span class="background-holder" style="background-image: url(../static/images/bg1.jpg);"></span>
        </li>
        <!-- slideshow:navigation:item END -->

        <!-- slideshow:navigation:item START -->
        <li class="navigation-item">
            <span class="rotate-holder"></span>
            <span class="background-holder" style="background-image: url(../static/images/bg2.jpg);"></span>
        </li>
        <!-- slideshow:navigation:item END -->

        <!-- slideshow:navigation:item START -->
        <li class="navigation-item">
            <span class="rotate-holder"></span>
            <span class="background-holder" style="background-image: url(../static/images/bg3.jpg);"></span>
        </li>
        <!-- slideshow:navigation:item END -->

        <!-- slideshow:navigation:item START -->
        <li class="navigation-item">
            <span class="rotate-holder"></span>
            <span class="background-holder" style="background-image: url(../static/images/bg1.jpg);"></span>
        </li>
        <!-- slideshow:navigation:item END -->

        <!-- slideshow:navigation:item START -->
        <li class="navigation-item">
            <span class="rotate-holder"></span>
            <span class="background-holder" style="background-image: url(../static/images/bg2.jpg);"></span>
        </li>
        <!-- slideshow:navigation:item END -->

        <!-- slideshow:navigation:item START -->
        <li class="navigation-item">
            <span class="rotate-holder"></span>
            <span class="background-holder" style="background-image: url(../static/images/bg3.jpg);"></span>
        </li>
        <!-- slideshow:navigation:item END -->

        <!-- slideshow:navigation:item START -->
        <li class="navigation-item">
            <span class="rotate-holder"></span>
            <span class="background-holder" style="background-image: url(../static/images/bg1.jpg);"></span>
        </li>
        <!-- slideshow:navigation:item END -->

        <!-- slideshow:navigation:item START -->
        <li class="navigation-item">
            <span class="rotate-holder"></span>
            <span class="background-holder" style="background-image: url(../static/images/bg2.jpg);"></span>
        </li>
        <!-- slideshow:navigation:item END -->

    </ul>
    <!-- slideshow:navigation END -->


    <!-- slideshow:details START -->
    <div class="detail">

        <!-- slideshow:details START -->
        <div class="detail-item active">
            <div class="headline">Amsterdam</div>
            <div class="background" style="background-image: url(../static/images/bg1.jpg)"></div>
        </div>
        <!-- slideshow:details END -->

        <!-- slideshow:details START -->
        <div class="detail-item">
            <div class="headline">Rome</div>
            <div class="background" style="background-image: url(../static/images/bg2.jpg);"></div>
        </div>
        <!-- slideshow:details END -->

        <!-- slideshow:details START -->
        <div class="detail-item">
            <div class="headline">Paris</div>
            <div class="background" style="background-image: url(../static/images/bg3.jpg);"></div>
        </div>
        <!-- slideshow:details END -->

        <!-- slideshow:details START -->
        <div class="detail-item">
            <div class="headline">Prague</div>
            <div class="background" style="background-image: url(../static/images/bg1.jpg);"></div>
        </div>
        <!-- slideshow:details END -->

        <!-- slideshow:details START -->
        <div class="detail-item">
            <div class="headline">Moscow</div>
            <div class="background" style="background-image: url(../static/images/bg2.jpg);"></div>
        </div>
        <!-- slideshow:details END -->

        <!-- slideshow:details START -->
        <div class="detail-item">
            <div class="headline">Kyoto</div>
            <div class="background" style="background-image: url(../static/images/bg3.jpg);"></div>
        </div>
        <!-- slideshow:details END -->

        <!-- slideshow:details START -->
        <div class="detail-item">
            <div class="headline">Sydney</div>
            <div class="background" style="background-image: url(../static/images/bg1.jpg);"></div>
        </div>
        <!-- slideshow:details END -->

        <!-- slideshow:details START -->
        <div class="detail-item">
            <div class="headline">Istanbul</div>
            <div class="background" style="background-image: url(../static/images/bg2.jpg);"></div>
        </div>
        <!-- slideshow:details END -->

        <!-- slideshow:details START -->
        <div class="detail-item">
            <div class="headline">Hong Kong</div>
            <div class="background" style="background-image: url(../static/images/bg3.jpg);"></div>
        </div>
        <!-- slideshow:details END -->

    </div>
    <!-- slideshow:details END -->

</section>
<!-- slideshow END -->
<script src="../static/js/lunbo/jquery-1.11.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
<script src="https://unpkg.com/imagesloaded@4.1.4/imagesloaded.pkgd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/plugins/CSSPlugin.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/plugins/TextPlugin.min.js"></script>
<script src="../static/js/lunbo/demo.js"></script>

<!--<footer th:replace="blogfragments :: footer" class="ui inverted vertical segment m-padded-tb-large"></footer>-->
</body>
</html>